
/*=============================================
=            15. Contact page            =
=============================================*/

.contact-form-container{
    padding: 23px 23px 0 23px;
    margin: 0 0 30px 0;
    background: url(../images/contact-form.png) repeat-x white;
    -webkit-box-shadow: rgba(0,0,0,0.17) 0 5px 13px;
    -moz-box-shadow: rgba(0,0,0,0.17) 0 5px 13px;
    box-shadow: rgba(0,0,0,0.17) 0 5px 13px;
    position: relative;

    &:before{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url('../images/form-contact-shadow.png') center bottom no-repeat;
        background-size: contain;
        content: "";

    }

    form{

        
        label{
            font-weight: 800;
            display: block;
        }

        input, select, textarea{
            width: 100%;
            border: 1px solid #d6d4d4;
            background: #fbfbfb;
            padding: 5px;
            padding-left: 10px;


        }

        button{
            width: auto;
            font-size: 17px;
            line-height: 21px;
            color: white;
            font-weight: bold;
            background: #666666;
            border: 1px solid;
            border-color: #666;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
            padding: 10px 10px 10px 14px;
            border: 1px solid;
            transition: 0.3s;


            &:hover{
                background-color: $hover-color;
                
            }


        }

        textarea{
            resize: none;
        }


    }
}

/*=====  End of 15. Contact page  ======*/

